@layer base {
  
  body, :host {
    /* Color */
    --grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #E5E5E5;
--grey-300: #D4D4D4;
--grey-400: #A3A3A3;
--grey-500: #737373;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--turquoise: #25C2A0;
--violet: #8E3AE6;
--gradient-mild-blue: #4F85E6;
--off-white: #F9FAFB;
--light-gray: #E5E7EB;
--dark-gray: #111827;
--sky-blue: #38BDF8;
--soft-green: #22C55E;
--warm-amber: #FBBF24;
--soft-red: #EF4444;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .bjZfBH {
    gap:1rem;
  min-height:100%;
  align-items:center;
  padding-top:4rem;
  padding-bottom:1rem;
  justify-content:start;
  background-color:var(--off-white, #F9FAFB);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .fpRgcR {
    gap:10px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:-6Jdk2WQK5mluJiTjymDm {
    align-items:end;
  justify-content:start;
  }
      

      
        
      
      
  .cQAEAN {
    color:var(--grey-700, #404040);
  font-size:1rem;
  margin-top:8px;
  }
      

      
        
      
      
  .dTQpUK {
    color:var(--grey-700, #404040);;
  width:256px;;
  border:none;;
  height:32px;;
  font-size:1rem;;
  padding-left:8px;;
  border-bottom:0.5px dashed var(--grey-300, #D4D4D4);;
  padding-right:8px;;
  }
      

      
  .dTQpUK:focus {
    border-bottom:0.5px solid var(--blue-500, #3b82f6);;
  }
      


  .dTQpUK:hover {
    border-bottom:0.5px solid var(--grey-300, #D4D4D4);;
  }
      

        
      
      
  
      

      
        
      
      
  .dPsZdn {
    display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cqTBGt {
    color:var(--grey-200, #E5E5E5);
  width:5rem;
  cursor:pointer;
  height:2.25rem;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--blue-600, #2563EB);
  }
      

      
  .cqTBGt:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
      
      
  .QOsoU {
    gap:5px;
  height:auto;
  flex-direction:row;
  }
      

      
        
      
      
  .cwjjmU {
    color:var(--grey-700, #404040);;
  width:256px;;
  border:none;;
  height:32px;;
  font-size:1rem;;
  padding-left:8px;;
  border-bottom:0.5px dashed var(--grey-300, #D4D4D4);;
  padding-right:8px;;
  }
      

      
  .cwjjmU:focus {
    border-bottom:0.5px solid var(--blue-500, #3b82f6);;
  }
      

        
      
      
  .fDYLhe {
    gap:10px;
  align-items:start;
  padding-top:10px;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:start;
  }
      

      
        
      
      
  .cEkLbv {
    width:10px;
  height:10px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .epOdVR {
    align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .bWpTnd {
    width:fit-content;
  height:auto;
  }
      

      
        
      
      
  .Clients-Dashboard\:9qSLGCIry1T-2eQh82GVC {
    color:white;
  width:5rem;
  cursor:pointer;
  height:2.25rem;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  background-color:var(--grey-500, #737373);
  }
      

      
  .Clients-Dashboard\:9qSLGCIry1T-2eQh82GVC:hover {
    background-color:var(--grey-400, #A3A3A3);
  }
      

        
      
      
  .IxXLt {
    gap:10px;
  width:100%;
  position:relative;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .KMWIS {
    gap:5px;
  width:50%;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  }
      

      
        
      
      
  .eFQaJC {
    top:var(--top);
  left:var(--left);
  position:absolute;
  outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  pointer-events:all;
  transform-origin:var(--transform-origin-x) var(--transform-origin-y);
  }
      

      
  .eFQaJC:focus {
    outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  }
      


  .eFQaJC.hidden {
    visibility:hidden;
  pointer-events:none;
  }
      


  .eFQaJC.match-anchor-width {
    width:var(--sc-anchor-width);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:BVioTN3tI5U1z0kMP4tGb {
    gap:10px;
  width:256px;
  box-shadow:0px 0px 3px 0px #00000044;
  padding-top:.25rem;
  padding-left:.25rem;
  border-radius:5px;
  padding-right:.25rem;
  padding-bottom:.25rem;
  background-color:white;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:H41cNBAm4wViUbpd-7WNt {
    color:var(--grey-700, #404040);
  width:100%;
  height:100%;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .ftejDh {
    gap:10px;
  color:var(--grey-700, #404040);
  height:auto;
  align-items:center;
  border-radius:10px;
  padding-right:10px;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
  .ftejDh:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  .Clients-Dashboard\:HsoSfytFFn7DbWAczsatw {
    color:white;
  width:2.5rem;
  height:2rem;
  font-size:12px;
  align-items:center;
  border-radius:5px;
  justify-content:center;
  background-color:var(--violet);
  }
      

      
  .Clients-Dashboard\:HsoSfytFFn7DbWAczsatw:hover {
    cursor:pointer;
  border-radius:5px;
  background-color:#8e3be5a1;
  }
      

        
      
      
  .eMMnfA {
    color:var(--grey-700, #404040);
  width:98%;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .ZvtVR {
    width:15px;
  height:15px;
  }
      

      
        
      
      
  .uoeaj {
    gap:5px;
  color:inherit;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bZwsit {
    gap:5px;
  align-items:center;
  padding-top:.25rem;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:row;
  padding-bottom:.25rem;
  justify-content:start;
  background-color:white;
  border-top-color:var(--grey-200, #E5E5E5);
  border-top-style:solid;
  border-top-width:1px;
  border-right-color:var(--grey-200, #E5E5E5);
  border-right-style:solid;
  border-right-width:1px;
  border-bottom-color:var(--grey-200, #E5E5E5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
  .bZwsit:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  .DOGsb {
    gap:5px;
  align-items:center;
  padding-top:.25rem;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:row;
  padding-bottom:.25rem;
  justify-content:start;
  background-color:white;
  border-top-color:var(--grey-200, #E5E5E5);
  border-top-style:solid;
  border-top-width:1px;
  border-right-color:var(--grey-200, #E5E5E5);
  border-right-style:solid;
  border-right-width:1px;
  border-bottom-color:var(--grey-200, #E5E5E5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  }
      

      
  .DOGsb:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  .dUWJIM {
    gap:5px;
  align-items:center;
  padding-top:.25rem;
  border-color:var(--grey-200, #E5E5E5);
  border-style:solid;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:row;
  padding-bottom:.25rem;
  justify-content:start;
  background-color:white;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  }
      

      
  .dUWJIM:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  
      

      
        
      
      
  .fwJQlU {
    gap:.5rem;
  position:relative;
  padding-top:.5rem;
  border-color:#E5E7EB;
  border-style:solid;
  border-width:1px;
  padding-left:.5rem;
  border-radius:10px;
  padding-right:.5rem;
  padding-bottom:.5rem;
  justify-content:;
  background-color:white;
  }
      

      
        
      
      
  .yiVTz {
    gap:10px;
  height:32px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bXDqrG {
    gap:5px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bGEFld {
    color:#E5E5E5;
  width:100%;
  height:192px;
  padding:8px;
  font-size:0.75rem;
  border-radius:6px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .eIjLXh {
    width:100px;
  height:100px;
  border-radius:5px;
  }
      

      
        
      
      
  .fDgewp {
    color:var(--grey-700, #404040);
  font-size:1.25rem;
  font-weight:700;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bkOFDi {
    color:inherit;
  display:inline-block;
  font-size:inherit;
  text-align:right;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .dYcFwt {
    color:inherit;
  font-size:inherit;
  text-align:right;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .fBoUdl {
    gap:20px;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  .BEodR {
    width:fit-content;
  height:fit-content;
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:TD-6npkMpkHXDARr1z98e {
    width:256px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eyVPLS {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  .euSEvG {
    gap:10px;
  align-items:center;
  flex-direction:row;
  justify-content:end;
  }
      

      
        
      
      
  .fblYKe {
    font-size:1rem;
  align-items:start;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .bIHtyR {
    height:auto;
  flex-direction:row;
  }
      

      
        
      
      
  .etwgXD {
    color:var(--grey-200, #E5E5E5);
  width:fit-content;
  cursor:pointer;
  height:2rem;
  font-size:12px;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--gradient-mild-blue, #4F85E6);
  }
      

      
  .etwgXD:hover {
    background-color:#4f85e6d4;
  }
      

        
      
      
  .cRQkUi {
    gap:5px;
  flex-direction:row;
  }
      

      
        
      
      
  .PTuTx {
    color:white;
  width:5rem;
  cursor:pointer;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--grey-500, #737373);
  }
      

      
  .PTuTx:hover {
    background-color:var(--grey-400, #A3A3A3);
  }
      

        
      
      
  
      

      
        
      
      
  .mAyzk {
    gap:20px;
  left:1rem;
  width:98%;
  position:relative;
  flex-direction:row;
  }
      

      
        
      
      
  .bpDIZg {
    height:100%;
  font-size:12px;
  align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .byjkOA {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:-1;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:cJ9Df1v9TDykGTtO1u1cy {
    cursor:default;
  opacity:0.5;
  background-color:var(--grey-700, #404040);
  }
      

      
        
      
      
  .cAZBKa {
    width:100%;
  height:100%;
  translate:var(--translate-x) 0 0;
  }
      

      
        
      
      
  .Clients-Dashboard\:caFBziqOasLVWWCGdvCHE {
    background-color:var(--red-600, #DC2626);
  }
      

      
        
      
      
  
      

      
        
      
      
  .cSDEUo {
    display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .ecdAFj {
    width:50px;
  height:50px;
  border-radius:5px;
  }
      

      
        
      
      
  .bFtwKY {
    width:100%;
  height:1px;
  background-color:var(--grey-600, #525252);
  }
      

      
  .bFtwKY.orientation-vertical {
    width:1px;
  height:100%;
  }
      

        
      
      
  .Clients-Dashboard\:fL7TeC0MLe57mrVdi0Sko {
    background-color:var(--grey-700, #404040);
  }
      

      
        
      
      
  .fFsrSX {
    gap:10px;
  height:auto;
  align-items:end;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .Clients-Dashboard\:g52yE5H-budVXEFUeGs9X {
    align-items:end;
  justify-content:start;
  }
      

      
        
      
      
  .dqsoTv {
    width:fit-content;
  height:fit-content;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cVMNhr {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0;
  position:absolute;
  pointer-events:none;
  }
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:gWcvy3NgQ2rCYwb4XQiGe {
    width:256px;
  height:1.5rem;
  border-bottom:0.5px dashed var(--grey-300, #D4D4D4);;
  }
      

      
        
      
      
  .Clients-Dashboard\:g_L0mqzNDJwz6f6rn_r_m {
    font-size:12px;
  }
      

      
  .Clients-Dashboard\:g_L0mqzNDJwz6f6rn_r_m:hover {
    cursor:pointer;
  }
      

        
      
      
  .ezyPlk {
    gap:15px;
  width:48%;
  height:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dYElHa {
    width:var(--width);
  height:var(--height);
  position:fixed;
  pointer-events:none;
  }
      

      
  .dYElHa.modal {
    pointer-events:all;
  }
      

        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:inpUiYppxIw1YOZue6pXl {
    width:256px;
  }
      

      
        
      
      
  .eUzFOF {
    align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .Clients-Dashboard\:jKJ7Rs69zt90I68tZoX1p {
    width:20px;
  border:1px solid var(--grey-300, #D4D4D4);;
  height:20px;
  border-radius:5px;
  }
      

      
  .Clients-Dashboard\:jKJ7Rs69zt90I68tZoX1p:hover {
    cursor:pointer;
  }
      


  .Clients-Dashboard\:jKJ7Rs69zt90I68tZoX1p.checked {
    background-size:cover;
  background-image:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/zynergy_io:check-mark-svgrepo-com-4.svg/public");
  }
      

        
      
      
  .dlsOCZ {
    color:#E5E5E5;
  width:256px;
  height:32px;
  display:none;
  font-size:0.75rem;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  background-color:#262626;
  }
      

      
  .dlsOCZ:focus {
    outline-color:#2463ebff;
  outline-style:solid;
  outline-width:1px;
  }
      

        
      
      
  .egkcwx {
    width:fit-content;
  }
      

      
        
      
      
  .iqsvV {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0;
  position:absolute;
  pointer-events:none;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .KsFov {
    width:var(--width);
  height:var(--height);
  position:fixed;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  pointer-events:none;
  justify-content:center;
  }
      

      
  .KsFov.modal {
    touch-action:none;
  pointer-events:all;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .fzlJxb {
    gap:5px;
  }
      

      
        
      
      
  .sZetm {
    top:0px;;
  color:#F9FAFB;
  width:100%;;
  height:48px;;
  padding:8px;;
  position:fixed;;
  align-items:center;;
  flex-direction:row;;
  justify-content:space-between;;
  background-color:#111827;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .topNavBar\:1Jv_nTRNaG3qHNlzRQWWO {
    gap:5px;
  color:var(--dark-gray);
  width:fit-content;
  border:1px solid #E5E7EB;
  min-width:10rem;
  box-shadow:0 4px 8px rgba(0,0,0,0.05);
  padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--off-white);
  }
      

      
        
      
      
  .topNavBar\:1VJXGjhY99ItZYJ7-qIUQ {
    align-items:center;
  padding-top:7.5px;
  padding-left:7.5px;
  padding-right:7.5px;
  padding-bottom:7.5px;
  justify-content:center;
  }
      

      
  .topNavBar\:1VJXGjhY99ItZYJ7-qIUQ:hover {
    color:#209983;
  cursor:pointer;
  align-items:center;
  padding-top:7.5px;
  padding-left:7.5px;
  border-radius:8px;
  padding-right:7.5px;
  padding-bottom:7.5px;
  justify-content:center;
  }
      

        
      
      
  .coWOAi {
    color:inherit;
  }
      

      
        
      
      
  .dfDqVR {
    cursor:default;
  }
      

      
        
      
      
  
      

      
        
      
      
  .topNavBar\:4uj3zCj3Fahz7Q3lDFwyZ {
    color:var(--grey-700, #404040);
  flex-wrap:wrap;
  align-items:start;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  padding-bottom:5px;
  justify-content:start;
  background-color:var(--off-white, #F9FAFB);
  }
      

      
  .topNavBar\:4uj3zCj3Fahz7Q3lDFwyZ:hover {
    color:white;
  cursor:pointer;
  padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--turquoise, #25C2A0);
  }
      

        
      
      
  .topNavBar\:4upyrBd2dEASDkhxoCTua {
    align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .fdPeqB {
    aspect-ratio:1;
  }
      

      
        
      
      
  .topNavBar\:BE_imYeJRH8tUIL7Iffqd {
    max-height:35px;
  background-image:url("");
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .topNavBar\:Ho_5arjkLBqHDpDxGorfb {
    align-items:center;
  padding-top:7.5px;
  padding-left:7.5px;
  padding-right:7.5px;
  padding-bottom:7.5px;
  justify-content:center;
  }
      

      
  .topNavBar\:Ho_5arjkLBqHDpDxGorfb:hover {
    color:#209983;
  cursor:pointer;
  align-items:center;
  padding-top:7.5px;
  padding-left:7.5px;
  border-radius:8px;
  padding-right:7.5px;
  padding-bottom:7.5px;
  justify-content:center;
  }
      

        
      
      
  .topNavBar\:IHAVHBipHVLXKfS1W83Hx {
    flex-wrap:wrap;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  padding-bottom:5px;
  background-color:var(--off-white);
  }
      

      
  .topNavBar\:IHAVHBipHVLXKfS1W83Hx:hover {
    color:#209983;
  cursor:pointer;
  padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--light-gray, #E5E7EB);
  }
      

        
      
      
  .topNavBar\:MZH4c0zQGeICv_l4FJhSF {
    color:var(--grey-700, #404040);
  align-items:center;
  padding-top:7.5px;
  padding-left:7.5px;
  padding-right:7.5px;
  padding-bottom:7.5px;
  justify-content:center;
  }
      

      
  .topNavBar\:MZH4c0zQGeICv_l4FJhSF:hover {
    color:var(--grey-700, #404040);
  cursor:pointer;
  align-items:center;
  padding-top:7.5px;
  padding-left:7.5px;
  border-radius:8px;
  padding-right:7.5px;
  padding-bottom:7.5px;
  justify-content:center;
  }
      

        
      
      
  .topNavBar\:PPC4hBq3YZFryhXH4kooZ {
    flex-wrap:wrap;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  padding-bottom:5px;
  background-color:var(--off-white);
  }
      

      
  .topNavBar\:PPC4hBq3YZFryhXH4kooZ:hover {
    color:#209983;
  cursor:pointer;
  padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--light-gray, #E5E7EB);
  }
      

        
      
      
  .topNavBar\:S5OW7FdWarS0fBPuExO43 {
    color:var(--grey-700, #404040);
  flex-wrap:wrap;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  padding-bottom:5px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
  .topNavBar\:S5OW7FdWarS0fBPuExO43:hover {
    padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--blue-300, #93C5FD);
  }
      

        
      
      
  
      

      
        
      
      
  .topNavBar\:XHU0zON43REyi0FvZg6-c {
    color:var(--grey-700, #404040);
  flex-wrap:wrap;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  padding-bottom:5px;
  background-color:var(--off-white, #F9FAFB);
  }
      

      
  .topNavBar\:XHU0zON43REyi0FvZg6-c:hover {
    padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--blue-300, #93C5FD);
  }
      

        
      
      
  .topNavBar\:XZpVr_x7GC1b9b1l1-yE9 {
    gap:5px;
  color:var(--dark-gray);
  width:fit-content;
  border:1px solid #E5E7EB;
  min-width:10rem;
  box-shadow:0 4px 8px rgba(0,0,0,0.05);
  padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--off-white);
  }
      

      
        
      
      
  
      

      
        
      
      
  .topNavBar\:_1ExMLMV2JVNYmeGvBo_V {
    flex-wrap:wrap;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  padding-bottom:5px;
  background-color:off-white;
  }
      

      
  .topNavBar\:_1ExMLMV2JVNYmeGvBo_V:hover {
    color:#209983;
  cursor:pointer;
  padding-top:5px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--light-gray, #E5E7EB);
  }
      

        
      
      
  
      

      
        
      
      
  .topNavBar\:eTgavtb_7Rmv6dJzF6XGe {
    gap:5px;
  width:fit-content;
  min-width:10rem;
  padding-top:5px;
  border-color:var(--grey-200, #E5E5E5);
  border-style:solid;
  border-width:1px;
  padding-left:5px;
  border-radius:5px;
  padding-right:5px;
  padding-bottom:5px;
  background-color:var(--off-white, #F9FAFB);
  }
      

      
        
      
      
  
      

      
        
      
      
  .topNavBar\:h79LqFMZ9SkKcI7ll_x0B {
    max-height:35px;
  border-radius:20px;
  background-color:var(--grey-900, #171717);
  background-image:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/zynergy_io:1.5QTCADFile.png/public");
  }
      

      
        
      
      
  
      

      
        
      
      
  .cfqKRN {
    flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .topNavBar\:jv8Id9OQwZ8nfzcVRfhlm {
    gap:.25rem;
  }
      

      
        
      
      
  .cMStsC {
    width:auto;
  height:48px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dmespD {
    color:white;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .Clients-Dashboard\:mMyVvglH_Pkfb9KQ9RXPy {
    z-index:1;
  }
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:neIk7ByQrfQv_0XNr7aC5 {
    width:10rem;
  height:10rem;
  border-radius:5px;
  }
      

      
        
      
      
  .Clients-Dashboard\:oIVskCGvMHIsA0jRONIlW {
    width:50px;
  height:50px;
  border-radius:5px;
  }
      

      
        
      
      
  .bynTOE {
    color:var(--grey-700, #404040);
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .zylYk {
    color:var(--grey-700, #404040);
  width:100%;
  height:192px;
  padding:8px;
  font-size:0.75rem;
  border-radius:6px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .Clients-Dashboard\:szTuFuoTfh111oGhb2cO0 {
    width:20px;
  border:1px solid var(--grey-300, #D4D4D4);;
  height:20px;
  border-radius:5px;
  }
      

      
  .Clients-Dashboard\:szTuFuoTfh111oGhb2cO0:hover {
    cursor:pointer;
  }
      


  .Clients-Dashboard\:szTuFuoTfh111oGhb2cO0.checked {
    background-size:cover;
  background-image:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/zynergy_io:check-mark-svgrepo-com-4.svg/public");
  }
      

        
      
      
  .cpinF {
    color:var(--grey-700, #404040);
  font-size:1.25rem;
  align-items:center;
  font-weight:700;
  padding-right:10px;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .Clients-Dashboard\:u0YYmQcv0hrBi-k45ncy4 {
    color:white;
  width:5rem;
  cursor:pointer;
  height:2.25rem;
  align-items:center;
  border-radius:6px;
  justify-content:center;
  background-color:var(--grey-500, #737373);
  }
      

      
  .Clients-Dashboard\:u0YYmQcv0hrBi-k45ncy4:hover {
    background-color:var(--grey-400, #A3A3A3);
  }
      

        
      
      
  .boDVYt {
    right:.50rem;
  bottom:.50rem;
  display:flex;
  row-gap:.50rem;
  position:absolute;
  column-gap:.50rem;
  align-items:center;
  flex-direction:column;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
  .edQmuJ.userMessage {
    color:whitesmoke;
  width:fit-content;
  height:fit-content;
  font-size:var(--font-size-xs);
  max-width:75%;
  background:var(--blue-500);
  padding-top:.25rem;
  padding-left:.75rem;
  padding-right:.75rem;
  padding-bottom:.25rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      


  .edQmuJ.assistantMessage {
    color:whitesmoke;
  width:fit-content;
  height:fit-content;
  font-size:var(--font-size-xs);
  max-width:75%;
  background:var(--violet);
  padding-top:.25rem;
  padding-left:.75rem;
  padding-right:.75rem;
  padding-bottom:.25rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

        
      
      
  .bkVFgZ {
    width:100%;
  height:15rem;
  row-gap:.5rem;
  column-gap:.5rem;
  max-height:15rem;
  overflow-y:scroll;
  flex-direction:column;
  /* -i-e and -edge */
}::-webkit-scrollbar {
  display: none;
  /* -chrome, -safari and -opera */
}:;
  /* -firefox */
-ms-overflow-style:none;
  /* -hide scrollbar but keep scrolling */
scrollbar-width:none;
  }
      

      
        
      
      
  .dhZkdn {
    width:87.5%;
  height:4rem;
  resize:none;
  font-size:var(--font-size-xs);
  background:whitesmoke;
  padding-top:.50rem;
  padding-left:.50rem;
  padding-right:.50rem;
  padding-bottom:.50rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
  .dhZkdn.chatTextArea {
    width:87.5%;
  height:4rem;
  resize:none;
  font-size:var(--font-size-xs);
  background:whitesmoke;
  padding-top:.50rem;
  padding-left:.50rem;
  padding-right:.50rem;
  padding-bottom:.50rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

        
      
      
  .bLTwbX {
    width:100%;
  height:fit-content;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
  .bcZWMt {
    @starting-style {
            width:0px;
  opacity:0;
  translate:0 100% 0;
          }
  }
      


  .bcZWMt.visible {
    opacity:1;
  translate:0 0 0;
  transition:all 300ms ease;
  }
      


  .bcZWMt.hidden {
    opacity:0;
  translate:0 100% 0;
  transition:all 300ms ease;
  }
      

        
      
      
  .fgtOnM {
    width:20rem;
  height:fit-content;
  display:flex;
  row-gap:.75rem;
  background:var(--dark-gray);
  column-gap:.75rem;
  max-height:25rem;
  min-height:20rem;
  transition:all 300ms ease;
  align-items:center;
  padding-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:column;
  padding-bottom:1rem;
  justify-content:space-between;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
  .fgtOnM {
    @starting-style {
            opacity:0;
  translate:0 100%;
          }
  }
      


  .fgtOnM.hidden {
    opacity:0;
  translate:0 100% 0;
  transition:all 300ms ease;
  }
      


  .fgtOnM.visible {
    width:20rem;
  height:fit-content;
  display:flex;
  row-gap:.50rem;
  background:var(--dark-gray);
  box-shadow:3px 2px 4px 0px #00000020;
  column-gap:.50rem;
  max-height:25rem;
  min-height:20rem;
  transition:all 300ms ease;
  align-items:center;
  padding-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:column;
  padding-bottom:1rem;
  justify-content:space-between;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

        
      
      
  .dDxxSd {
    color:whitesmoke;
  right:.50rem;
  width:fit-content;
  bottom:0px;
  display:flex;
  row-gap:.25rem;
  position:relative;
  font-size:var(--font-size-sm);
  background:var(--violet);
  box-shadow:3px 2px 4px 0px #00000020;
  column-gap:.25rem;
  align-items:center;
  padding-top:.5rem;
  padding-left:.50rem;
  padding-right:.50rem;
  flex-direction:row;
  padding-bottom:.5rem;
  justify-content:space-between;
  border-top-left-radius:.50rem;
  border-top-right-radius:.50rem;
  border-bottom-left-radius:.50rem;
  border-bottom-right-radius:.50rem;
  }
      

      
  .dDxxSd:hover {
    cursor:pointer;
  animation:2s ease 0ms 1 normal none running animation-empty;
  }
      

        
      
      
  .NwPFO {
    cursor:pointer;
  background:var(--blue-500);
  padding-top:.50rem;
  padding-left:.50rem;
  padding-right:.50rem;
  padding-bottom:.50rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
  .NwPFO:disabled {
    background:gray;
  }
      


  .NwPFO.chatBotButton {
    cursor:pointer;
  background:var(--blue-500);
  padding-top:.50rem;
  padding-left:.50rem;
  padding-right:.50rem;
  padding-bottom:.50rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

        
      
      
  .WIZeJ {
    width:100%;
  display:flex;
  max-height:4rem;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
  .WIZeJ.row-container {
    width:100%;
  display:flex;
  max-height:4rem;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

        
      
      
  
      

      
  .dnAUmh.assistantMessage {
    display:flex;
  align-items:flex-start;
  justify-content:center;
  }
      


  .dnAUmh.userMessage {
    display:flex;
  align-items:flex-end;
  justify-content:center;
  }
      

        
      
      
  .Clients-Dashboard\:ujyQDxcOr9IWEn_opCRSq {
    position:fixed;
  }
      

      
        
      
      
  .SWxlP {
    position:relative;
  outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  pointer-events:all;
  }
      

      
  .SWxlP:focus {
    outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:we3vgkQ8NB8254pgqnyWH {
    gap:10px;
  width:65%;
  border:0.5px solid var(--grey-300, #D4D4D4);;
  box-shadow:0px 0px 8px 1px #00000044 ;
  padding-top:.50rem;
  padding-left:.50rem;
  border-radius:10px;
  padding-right:.50rem;
  padding-bottom:.50rem;
  background-color:white;
  }
      

      
        
      
      
  .Clients-Dashboard\:xGrzgmv_fJJE9BGBhTUf_ {
    gap:10px;
  width:65%;
  border:0.5px solid var(--grey-300, #D4D4D4);;
  box-shadow:0px 0px 8px 1px #00000044 ;
  padding-top:.50rem;
  padding-left:.50rem;
  border-radius:10px;
  padding-right:.50rem;
  padding-bottom:.50rem;
  background-color:white;
  }
      

      
        
      
      
  .Clients-Dashboard\:xPIRFQPWLP73bGk8Y5N49 {
    cursor:default;
  opacity:0.3;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .eMRdNn {
    overflow:hidden;
  transform:translateZ(0);
  }
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:xY_RhxZ7qNqf47fwwfkt7 {
    width:100%;
  height:.75rem;
  border-radius:5px;
  background-color:var(--red-200, #FECACA);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .Clients-Dashboard\:xbSH1KRFkC1doO0-eJVIf {
    gap:10px;
  align-items:center;
  padding-top:.25rem;
  padding-left:.25rem;
  padding-right:.25rem;
  flex-direction:row;
  padding-bottom:.25rem;
  justify-content:start;
  }
      

      
  .Clients-Dashboard\:xbSH1KRFkC1doO0-eJVIf:hover {
    padding-top:.25rem;
  padding-left:.25rem;
  border-radius:5px;
  padding-right:.25rem;
  padding-bottom:.25rem;
  background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .fEEKgP {
    color:var(--grey-700, #404040);;
  width:256px;;
  height:32px;;
  font-size:1rem;;
  padding-left:8px;;
  border-bottom:0.5px dashed var(--grey-300, #D4D4D4);;
  padding-right:8px;;
  }
      

      
  .fEEKgP:focus {
    border-bottom:0.5px solid var(--blue-500, #3b82f6);;
  }
      


  .fEEKgP:hover {
    border-bottom:0.5px solid var(--grey-300, #D4D4D4);;
  }